<template>
<!-- 这是分享出去之后的第三个页面 -->
	<div class="share3">
  <div class="share3-title">
    亲爱的132****8218财主
  </div>
  <div class="share3-go">请至鲸鱼APP查看您的财富报告</div>
  <div class="share3-download">立即下载鲸鱼APP</div>
  <div class="share3-content">
    <h6><img src="../images/left.png" alt=""> 鲸鱼产品线<img src="../images/right.png" alt=""></h6>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
</div>
</template>
<script>
	
</script>
<style lang="stylus" rel="stylesheet/stylus">
.share3
	width 100%
	background url("../images/share3.jpg")
	background-position center
	background-size 100% 100%
	background-repeat no-repeat
  .share3-title
    padding-top 300px
    font-size 28px
    line-height 44px
    color #ffffff
    text-align center
	.share3-go
    font-size 36px
    line-height 52px
    color #ffffff
    text-align center
    padding-top 80px
	.share3-download
    width 540px
    height 88px
    background-color #fed760
    box-shadow 2px 5px 10px 0px rgba(29, 147, 196, 0.58)
    border-radius 44px
    font-size 32px
    color #756229
    margin 39px auto 0
    text-align center
    line-height 88px
	.share3-content
    padding-top 214px
    text-align center
		h6
			font-size 46px
			line-height 26px
			color #ffffff
			img
				width 209px
				height 4px
				vertical-align middle
			img:nth-of-type(2)
    		margin-left 20px
		ul
			width 714px
			text-align center
			margin 0 auto
			padding-bottom 53px
			li
				width 714px
				height 349px
				background-position center
				background-size 100% 100%
				background-repeat no-repeat
				list-style none
				margin-top -54px
				padding 0
			li:nth-of-type(1)
    		background url("../images/huoqi.png")
			li:nth-of-type(2)
				background url("../images/yuedingqi.png")
			li:nth-of-type(3)
				background url("../images/jidingqi.png")
			li:nth-of-type(4)
				background url("../images/niandingqi.png")
  
  
</style>


